<nc-component v-bind:data="data[index]" class="component-community">
	
	<!-- 预览 -->
	<template slot="preview">
		<div class="preview-box" v-bind:style="{ backgroundColor : nc.backgroundColor }">
			<div class="info-list">
				<div class="info-item style-one" :style="{color: nc.textColor}" v-if="nc.style == 1">
					<div class="info-item-left">
						<i class="iconfont iconmendian"></i>
						<span>自提点地址</span>
					</div>
					
					<div class="info-item-right">
						<span>点击切换</span>
						<i class="iconfont iconyoujiantou"></i>
					</div>
				</div>
				
				<div class="info-item style-one style-two" :style="{color: nc.textColor}" v-if="nc.style == 2">
					<div class="info-item-left">
						<i class="iconfont iconmendian"></i>
						<span>自提点地址</span>
					</div>
					
					<div class="info-item-right">
						<span>点击切换</span>
						<i class="iconfont iconyoujiantou"></i>
					</div>
				</div>
			</div>
		</div>
	</template>
	
	<!-- 编辑 -->
	<template slot="edit">
		<template v-if="nc.lazyLoad">
			<community-show-style></community-show-style>
		</template>
	
	
		<!-- 商品列表风格弹框 -->
		<div class="goods-list-style" style="display: none;">
			<div class="style-list-goods layui-form">
				<div class="style-list-con-community">
					<div class="style-li-goods" v-bind:class="{'selected ns-border-color': nc.style == 1}">
						<img src="{$resource_path}/community/img/style-1.png" />
						<span class="layui-hide">风格一</span>
					</div>
					<div class="style-li-goods" v-bind:class="{'selected ns-border-color': nc.style == 2}">
						<img src="{$resource_path}/community/img/style-2.png" />
						<span class="layui-hide">风格二</span>
					</div>
				</div>
	
				<input type="hidden" name="style">
				<input type="hidden" name="style_name" />
	
			</div>
		</div>
	</template>
	
	<!-- 资源 -->
	<template slot="resource">
		
		<css src="{$resource_path}/community/css/design.css"></css>
		<js src="{$resource_path}/community/js/design.js"></js>
	
	</template>

</nc-component>